import Vue from 'vue'
import Router from 'vue-router'
import Records from './Records.vue'
import RecordDetail from './Record_detail.vue'
import RecordReview from './Record_review.vue'
import GradeDetail from './grade_detail.vue'
import ReviewDetail from './review_detail.vue'

Vue.use(Router)


export default new Router({
  routes: [{
    path: '/',
    name: 'record',
    component: Records,
    children: [{
      path: 'detail',
      name: 'record_detail',
      component: RecordDetail
    }, {
      path: 'review',
      name: 'record_review',
      component: RecordReview
    }, {
      path: 'gradeDetail',
      name: 'gradeDetail',
      component: GradeDetail
    }, {
      path: 'reviewDetail',
      name: 'reviewDetail',
      component: ReviewDetail
    }]
  }]
})
